/*------首页------*/
.wdp_nav,.wdp_nav2{background: #FF7831; color: #FFFFFF; box-shadow: 0 0px 3px #000;}
.wdp_nav .mui-title,.wdp_nav .iconfont,.wdp_nav .mui-icon,.wdp_nav2 .mui-title,.wdp_nav2 .iconfont,.wdp_nav2 .mui-icon{color: #FFFFFF;}
.wdp_nav .iconfont,.wdp_nav2 .iconfont{ padding-top: 12px; font-size: 20px;}
.wdp_nav2{box-shadow: none;}
.wdp_nav2 .icon-saoma1{font-size: 22px; padding-top: 15px;}

.wdp_con,.wdp_list .mui-grid-view.mui-grid-9{background: #FFFFFF;}
.wdp_top{padding: 4%; border-bottom: 7px solid #EEEEEE; font-size: 14px;}
.wdp_tleft{float: left; width: 40%;}
.wdp_tleft em{font-size: 12px; padding-left: 8%; color: #999999;}
.wdp_tright{font-size: 12px; text-align: right; float: left; width: 60%;}
.wdp_tright em{font-size: 16px; color: #FF0000;}

.wdp_list .mui-grid-view.mui-grid-9 .mui-table-view-cell{padding: 5px 0; width: 25%; color: #FFFFFF;}
.wdp_list .mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body{font-size: 12px; color: #FFFFFF;}
.wdp_list .mui-grid-view.mui-grid-9 .mui-media .mui-icon{font-size: 1.8em;}
.wdp_bar .mui-icon{font-size: 20px;}
.wdp_bar .mui-tab-item .mui-icon~.mui-tab-label{font-size: 12px;}
.wdp_list .mui-grid-view.mui-grid-9 .fangtai,.wdp_list .mui-grid-view.mui-grid-9 .jici{background: #FFA630;}
.wdp_list .mui-grid-view.mui-grid-9 .chongz,.wdp_list .mui-grid-view.mui-grid-9 .chongc,.wdp_list .mui-grid-view.mui-grid-9 .xinjian{background: #FB633A;}
.wdp_list .mui-grid-view.mui-grid-9 .tuik{background: #37A5FA;}
.wdp_list .mui-grid-view.mui-grid-9 .pand{background: #30E0D5;}
.wdp_list .mui-grid-view.mui-grid-9 .zizhu{background: #51C6F2;}
.wdp_list .mui-grid-view.mui-grid-9 .dind{background: #A75BFB;}
.wdp_list .mui-grid-view.mui-grid-9 .gongj{background: #FFD529;}
.wdp_list .mui-grid-view.mui-grid-9 .duih{background: #61D246;}

.wdp_jybox{border-top: 7px solid #EEEEEE;}
.wdp_jybt{padding: 4%; font-size: 14px; background: #FFFFFF;}
.wdp_jybt span{float: right; font-size: 20px; display: block; color: #8E8E8E;}
.wdp_jylispri{float: right; width: 50%; text-align: right; font-size: 14px; }
.wdp_jylispri p{color: #333333;}
.wdp_jylispri .style{font-size: 12px; line-height: 12px;}
.wdp_jylist .iconfont{float: left; width: 15%; font-size: 35px; padding-top: 2px; color: #EE982A;}
.wdp_jylisinfo{float: left; width: 50%;}
.wdp_jylisinfo p{line-height: normal;}
.wdp_jylisbt{color: #000000;}
.wdp_jylistime{font-size: 12px;}
.wdp_jylist .mui-navigate-right:after{font-size: 16px; display: none;}
.order_lisright{width: 85%; float: left;}

.wdp_jylisbtn{width: 100%; text-align: center; padding: 4%;}
.wdp_jylisbtn a{display: block; width: 100%; color: #258BD2;}
#footer .mui-bar-tab .mui-tab-item.mui-active{color: #FF5A00;}

.wdp_tlist{padding: 0 5%; background: #FF7930; border-top: 1px solid #FFFFFF;}
.wdp_tlist .mui-grid-view.mui-grid-9{background: #FF7930; border: 0;}
.wdp_tlist .mui-grid-view.mui-grid-9:after{height: 0;}
.wdp_tlist .mui-grid-view.mui-grid-9 .mui-media{color: #FFFFFF; border: 0;}
.wdp_tlist .mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body{color: #FFFFFF; font-size: 12px;}
.wdp_tlist .mui-grid-view.mui-grid-9 .mui-media .mui-icon{font-size: 2em;}

/*-------会员-------*/
.mem_nav{background: #F6F6F6; display: block; padding: 3% 0; font-size: 15px;}
.mem_nav li{display: inline-block; width: 50%; float: left; text-align: center; border-right: 1px solid #DADADA;}
.mem_nav span{padding-left: 8%; font-size: 12px;}

.mem_list .mui-table-view-cell:after{right: 15px;}
.mem_knam{font-size: 15px; color: #000000; padding-bottom: 8px;}
.mem_info span{display: inline-block; float: left; line-height: 21px; color: #969696;}
.mem_info .line{padding: 0 3%;}

.member_bar_tab{padding-left: 3%; background: #FFFFFF;}
.member_bar_tab a{display: block; border: 1px solid #FF5A00; font-size: 14px; margin-top: 7px; height: 35px; line-height: 35px; color: #FF5A00; width: 30%; margin-right: 3%; text-align: center; float: left; text-align: center;}

/*------我的------*/
.mine_top{background: #FFFFFF; border-bottom: 1px solid #DBDAE0; text-align: center; margin-bottom: 7px; padding: 7% 0 0;}
.mine_top p{color: #F4514F; font-size: 14px;}
.mine_top .mine_prinum{font-size: 30px; padding: 6% 0;}
.mine_btn{border-top: 1px solid #E5E5E5; padding: 3% 0;}
.mine_btn a{color: #BDBDBD;}

.mine_con .mui-table-view{margin-bottom: 7px; font-size: 16px;}
.mine_button{background: #FFFFFF; padding: 5% 0; margin-bottom: 10px; text-align: center; border-top: 1px solid #DBDAE0; border-bottom: 1px solid #DBDAE0;}
.mine_button a{color: #F4514F; font-size: 16px; display: block; width: 100%; height: 100%;}

/*---------二维码---------*/
.wdp_erweima{width: 80%; margin: 17% auto 0; background: #FFFFFF; padding: 10%; text-align: center;}
.wdp_erweima img,.pay_erweima img{width: 100%; height: auto;}
.wdp_erweima p,.pay_erweima p{font-size: 16px; color: #000000;}
.wdp_ewm_img{padding-bottom: 8%;}

/*--------订单列表--------*/
.order_content{padding-bottom: 50px;}
.wdp_jycon{background: #FFFFFF; height: 100%;}
.wdp_jycon>.mui-table-view:first-child{margin-top: 0;}
.wdp_jylist .icon-jxq,.wdp_jylist .icon-iconxiaofei{font-size: 38px; padding-top: 0;}
.wdp_jylist .icon-iconxiaofei,.wdp_jylist .icon-zhuotai,.wdp_jylist .icon-round_date_fill{color: #169CDD;}
.wdp_jylist .icon-round_date_fill,.wdp_jylist .icon-iconfontganhaichanpin{font-size: 40px;}
.wdp_jylist .icon-tuikuan1{color: #0CC3BB;}
.wdp_jylist .icon-iconfontganhaichanpin{color: #F3594A;}

.order_tlist1{background: #FF7831; padding: 4% 0;}
.order_tlist1 li{display: block; width: 33.33%; float: left; text-align: center;}
.order_tlist1 p{color: #FFFFFF;}
.order_tlist1 .num{font-size: 16px;}

.order_tlist2,.yuyue_tlist{background: #FFFFFF; border-bottom: 1px solid #DBDAE0; padding: 3% 0;}
.order_tlist2 li,.yuyue_tlist li{display: block; width: 33.33%; float: left; color: #888888; text-align: center; border-right: 1px solid #E3DFE5;}
.order_tlist2 .iconfont,.yuyue_tlist .iconfont{font-size: 12px; padding-left: 3px; color: #999999;}

.order_item .time{padding: 0 3%; line-height: 30px;}

/*------订单详情页-------*/
.wdp_jypcon{padding-bottom: 50px;}
.wdp_jypage_lis .mui-table-view-cell:after{right: 15px;}
.wdp_jyp_bt{font-size: 15px; padding: 4%; color: #000000;}
.wdp_jypage_lis li{font-size: 14px;}
.jypage_lisl{float: left; color: #C4C4C4; width: 28%;}
.jypage_lisc{float: left; width: 70%; text-overflow: ellipsis; word-break: break-all; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.jypage_lisc span{display: inline-block;}
.mem_grade{border: 1px solid #A0A0A0; border-radius: 5px; padding: 0 2px; margin-left: 5px;}
.jymem_num{color: #169CDD;}
.jyjfsm{color: #47A400;}
.wdp_jypage_lis .jypage_ddc{width: 50%;}
.jypage_lisr{float: left; font-size: 12px; color: #169CDD; width: 20%; padding: 3% 0 0 2%;}
.jypage_ddl{padding-top: 4%;}

.jypage_zdl{float: left; color: #333333; width: 60%;}
.jypage_zdl p{float: left; font-size: 12px;}
.jypage_zdl .jypage_zdbt{color: #333333; padding-right: 5px; font-size: 14px;}
.jypage_zdr{float: right; text-align: right; width: 40%;}
.jypage_spxxl{float: left; width: 70%;}
.jypage_spxxl p{float: left;}
.jypage_spxxl .jypage_spnam{color: #333333; padding-right: 3%; height: 21px; line-height: 21px; overflow: hidden;}
.jypage_spxxr{float: right; width: 27%; text-align: right;}

/*------快速消费------*/
.fastpay_box{background: #FFFFFF; height: 100%; overflow: hidden;}
.fastpay_top{height: 28%; background: #444444; padding-top: 2%; color: #FFFFFF; text-overflow: ellipsis; clear: both; word-break: break-all; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.fastpay_tbox{width: 90%; height: 95%; position: relative; margin: 0 auto; overflow: hidden;}
.fastpay_tbox em{display: inline-block; position: absolute; right: 0; bottom: 0; font-size: 35px; line-height: 38px;}

.fastpay_con{height: 72%;}
.fastpay_con li{width: 25%; height: 25%;}
.fastpay_con ul{height: 100%;}
.fastpay_con .mui-grid-view.mui-grid-9 .mui-table-view-cell,.fastpay_con .mui-grid-view.mui-grid-9{border-color: #EEEEEE; background: #FFFFFF;}
.fastpay_con .fp_special{width: 50%;}
.fastpay_con .mui-grid-view.mui-grid-9 .mui-table-view-cell>a:not(.mui-btn){height: 100%; width: 100%; padding: 0; display:table;}
.fastpay_con .mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body{height: auto; vertical-align: middle; display:table-cell;}
.mui-table-view.mui-grid-view .mui-table-view-cell .fp_wzspec{color: #FFFFFF;}

.fastpay_con .mui-grid-view.mui-grid-9 .mem_view_cell{background: #387FFF;}
.fastpay_con .mui-grid-view.mui-grid-9 .sank_view_cell{background: #FF8831;}

/*------付款------*/
.mui-bar-tab~.mui-content.fastpay{padding-bottom: 70px;}
.mui-bar-tab .fastpay_tabl{width: 64%; text-align: left; padding-left: 4%; }
.fastpay_tabl p{color: #333333;}
.fastpay_tabl .fp_tabl_ss em{color: #FF0000; font-size: 18px; padding: 0 3px;}
.fastpay_tabl .fp_tabl_zl em{padding-left: 3%;}
.mui-bar-tab .fastpay_tabr{width: 31%; background: #FF5A00; color: #FFFFFF; font-size: 16px;}

.fp_pribox{background: #FFFFFF; border-bottom: 1px solid #D5D4D8; margin-bottom: 7px; padding: 0 4%; font-size: 14px;}
.fp_pri{padding: 5% 0;}
.fp_prir,.fp_jifr{float: right; width: 61%; text-align: right; font-size: 16px; color: #FF0000;}
.fp_prir em{font-size: 14px; color: #999999; text-decoration: line-through; margin-left: 4px;}
.fp_pril,.fp_jifl{float: left; width: 38%;}
.fp_jifen{padding: 5% 0; border-top: 1px solid #D5D4D8;}
.fp_jifr{color: #000000; font-size: 16px;}
.fp_pricon{background: #FFFFFF; border-bottom: 1px solid #D5D4D8; padding: 0 0 8% 4%; margin-bottom: 7px; font-size: 14px;}
.fp_xianj{margin-right: 4%; display: block;}
.fp_xianj li{display: block; padding: 2% 0; border-bottom: 1px solid #D5D4D8;}
.fp_xianjl{float: left; width: 40%; /*padding-top: 3%;*/ line-height: 40px;}
.fp_xianjl p{padding: 0; margin: 0; color: #333333;}
.fp_xianjl .fp_myue{font-size: 12px; color: #999999; padding-top: 7px; line-height: 12px; padding-bottom: 10%;}
.fp_xianjl em{color: #FF0000; border: 1px solid #FF0000; padding: 0 3%; border-radius: 5px; margin-left: 4px;}
.fp_xianjl .fp_myue em{border: 0; padding: 0;}
.fp_xianjr{float: right; width: 59%; line-height: 40px; text-align: right; font-size: 12px;}
.fp_xianjr input{text-align: right; padding: 0; margin: 0; border: 0; color: #000000; font-size: 14px;}
.fp_xianjr em{color: #FF0000;}

.fp_Payment_bt{padding: 4% 0 3%;}
.fp_Payment .mui-grid-view.mui-grid-9{background: none; border: 0;}
.fp_Payment .mui-grid-view.mui-grid-9 .mui-table-view-cell{width: 22%; border: 0; background: #F7F7F7; padding: 0; margin: 0 3% 3% 0; color: #C4C4C4;}
.fp_Payment .mui-grid-view.mui-grid-9 .mui-media .mui-icon{font-size: 1.6em;}
.fp_Payment .mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body{font-size: 12px; color: #999999;}
.fp_Payment .mui-table-view.mui-grid-view .select .mui-media-body{color: #000000;}
.fp_Payment .mui-grid-view.mui-grid-9 .mui-media .icon-yhq{font-size: 1.4em; padding-bottom: 4px;}
.fp_Payment .mui-grid-view.mui-grid-9 .mui-media .icon-chongzhi{font-size: 1.8em; padding-top: 0;}
.fp_Payment .mui-grid-view.mui-grid-9 .huiyk a{padding-top: 7px;}
.fp_Payment .mui-grid-view.mui-grid-9 .huiyk.select{color: #9266F9;}
.fp_Payment .mui-grid-view.mui-grid-9 .youhuiq.select{color: #F3594A;}
.fp_Payment .mui-grid-view.mui-grid-9 .yinhangk.select{color: #25C1ED;}
.fp_Payment .mui-grid-view.mui-grid-9 .weixin.select{color: #4DB215;}
.fp_Payment .mui-grid-view.mui-grid-9 .zhifub.select{color: #09A4E3;}
.fp_Payment .mui-grid-view.mui-grid-9 .zidingy.select{color: #7878F4;}

.fp_daog,.fp_beiz{margin-bottom: 7px; font-size: 14px;}
.fp_daog_r{float: right; font-size: 12px; padding-right: 21px; color: #666666;}
.fp_daog_pri{float: right;}
.fp_beiznr{font-size: 12px; color: #666666;}

/*----付款二维码---*/
.pay_erweima{width: 80%; margin: 18% auto 0; padding: 5%; text-align: center;}
.pay_ewm_img{margin-bottom: 4%;}

/*------搜索会员-----*/
.search_box{width: 95%; margin: 4% auto; background: #FFFFFF; border: 1px solid #E3E3E3; padding: 1% 3%;}
.search_box span{float: left; width: 10%; font-size: 18px; padding-top: 4%; color: #FF5A00;}
.search_box input{float: left; width: 80%; margin: 0; border: 0; padding: 0; color: #666666; font-size: 14px;}
.search_box .icon-saoma1{font-size: 25px; color: #999999; padding-top: 3%;}

.pay_memlisbox{width: 95%; margin: 0 auto;}
.pay_memlis li{background: #FFFFFF; padding: 4% 4%; margin-bottom: 4%;}
.pmem_tx{width: 15%; float: left;}
.pmem_tx img{width: 100%; height: auto; border-radius: 50%;}
.pmem_info{width: 82%; float: left; margin-left: 3%;}
.pmem_nam{color: #333333; font-size: 16px; padding-bottom: 2%;}
.pmem_nam em{font-size: 12px; border: 1px solid #FF5A00; color: #FF5A00; padding: 0 3px; border-radius: 5px; margin-left: 4%;}

.pay_memlis .pmem_infolis li{padding: 0; float: left; display: block; width: 35%; padding-top: 2%; margin-bottom: 1%; color: #999999;}
.pmem_infolis span{margin-right: 4%; display: inline-block; vertical-align: middle;}
.pmem_infolis .icon-weibiaoti1{font-size: 18px; color: #F45C33;}
.pmem_infolis .icon-me{margin-right: 8%; color: #3BAEFF;}
.pmem_infolis .icon-shouji{color: #5CC657;}
.pmem_infolis .icon-yue{color: #FBA62F;}
.pay_memlis .pmem_infolis .right{width: 65%;}

/*---------收款-备注-----*/
.premark_tab{padding-left: 2%; text-align: center; font-size: 16px;}
.premark_tab a{width: 47%; height: 40px; line-height: 40px; border-radius: 5px; color: #FFFFFF; background: #FF5A00; display: block; float: left; margin-top: 5px; margin-right: 3%;}
.payremark,.payremark_box{width: 100%; height: 100%; overflow: hidden;}
.payremark_box textarea{border: 0; padding: 3%; height: 50%;}

/*-------收款-选择导购-------*/
.pay_dglis_bt{background: #FFFFFF; padding: 2% 4%; margin-bottom: 3%;}
.pay_dglist{display: block; padding-left: 4%;}
.pay_dglist li{display: block; width: 30%; float: left; margin-right: 3%; background: #FFFFFF; border: 1px solid #B7B7BB; text-align: center; padding: 2% 0;}
.pay_dglist p{color: #333333;}
.pay_dglist .dglis_gh{font-size: 10px; padding-top: 5%;}
.pay_dglist .dglis_active{border-color: #FF5A00;}
.pay_dglist .dglis_active p{color: #FF5A00;}

/*---------收款-优惠券------*/
.wdp_nav .icon_yhm{font-size: 12px;}
.premark_tab .pcoup_btn{width: 97%;}

.coup_con .mui-segmented-control{border: 0; background: #FFFFFF; margin-bottom: 10px;}
.coup_con .mui-control-item.mui-active{background: #EFEFF4; font-weight: bold; font-size: 16px; border-bottom: 1px solid #EFEFF4; color: #FF5A00;}
.coup_con .mui-control-item{border-color: #E3E3E3; color: #333333; border-bottom: 1px solid #E3E3E3;}

.coup_list li,.coup_list2 li{display: block; width: 95%; background: #FFFFFF; padding: 3% 0; margin: 0 auto 4%; border: 1px solid #E6E6EA; border-left: 3px solid #FF5A00; border-radius: 5px;}
.coup_lisl{width: 26%; color: #FF5A00; float: left; border-right: 2px dotted #FF5A00; font-size: 16px; text-align: center; font-weight: bold; padding: 7% 0;}
.coup_lisl em{font-size: 30px;}
.coup_lisr{width: 74%; float: left; padding: 0 0 0 2%;}
.coup_lisr p{font-size: 12px;}
.coup_lisr .coup_nam{color: #000000; font-size: 14px;}
.coup_lisr .coup_date{color: #FF5A00;}

.coup_list2 li,.coup_list2 .coup_lisl{border-color: #797979;}
.coup_list2 .coup_lisl,.coup_list2 .coup_lisr .coup_date{color: #797979;}

/*------------商品消费---------*/
.warespay .mui-col-xs-3{width: 30%; background: #F1ECE8;}
.warespay .mui-col-xs-9{width: 70%; border-left: 1px solid #c8c7cc; }
.warespay .mui-control-content,.warespay .mui-segmented-control{padding-bottom: 50px;}
.warespay .mui-segmented-control.mui-segmented-control-inverted.mui-segmented-control-vertical .mui-control-item.mui-active{border-bottom: 0; color: #473430; background: #C2BAB7;}
.warespay .mui-segmented-control.mui-segmented-control-inverted.mui-segmented-control-vertical .mui-control-item{border-color: #E1DCD9; color: #A19996;}
.warespay .mui-table-view:after{height: 0;}
.warespay .mui-table-view-cell:last-child:after{height: 1px;}
.warespay p{font-size: 12px;}
.warespay .wares_nam{color: #000000; font-size: 15px;}
.wares_bm{padding-right: 7%;}

.wares_tab li{float: left; position: relative; padding-right: 10%;}
.wares_tab .mui-badge{padding: 3px; position: absolute; right: 18%; top: 0px; font-size: 12px; background: #FF5A00; color: #FFFFFF; z-index: 999;}
.wares_zpri{font-size: 16px; color: #FFFFFF; padding: 0 0 0 0;}
.wares_zpri p{line-height: normal; font-size: 13px; color: #FFFFFF;}
.wares_tab .icon-shangpin{font-size: 30px; margin-top: 1px;}

.warespay .mui-table-view-cell{padding: 10px 10px 10px 13px;}
.warespay .mui-table-view-cell:after{right: 10px; left: 13px;}
.dianc_cppri{padding-top: 5px; float: left; display: block; font-size: 14px;}
.wares_pribox{padding-top: 3%;}
.wares_pribox .mui-numbox,.mui-numbox.dco_numbox{border: 0; width: 85px; padding: 0 30px; float: right; height: 30px;}
.wares_pribox .mui-numbox .mui-input-numbox,.wares_pribox .mui-numbox .mui-numbox-input,.mui-numbox.dco_numbox .mui-input-numbox,.mui-numbox.dco_numbox .mui-numbox-input{border: 0!important; font-size: 14px; padding: 0!important;}
.wares_pribox .mui-numbox [class*=btn-numbox],.wares_pribox .mui-numbox [class*=numbox-btn],.mui-numbox.dco_numbox [class*=btn-numbox],.mui-numbox.dco_numbox [class*=numbox-btn]{color: #FF5A00; width: 30px;}
.wares_pribox .mui-numbox .mui-btn-numbox-plus,.mui-numbox.dco_numbox .mui-btn-numbox-plus{z-index: 99;}
.wares_pribox .mui-numbox .mui-btn .iconfont,.mui-numbox.dco_numbox .mui-btn .iconfont{font-size: 23px; line-height: 30px;}

.wares_bottom .mui-bar{background: none;}
.wares_bottom .mui-bar-tab .fastpay_tabl{background-color: rgba(0,0,0,0.7); color: #FFFFFF;}

/*商品清单*/
.wdp_nav_r{color: #FFFFFF; line-height: 45px; font-size: 14px;}
.wares_top{background: #FFFFFF; padding: 3%; margin-bottom: 5px;}
.wares_top em{font-size: 23px; vertical-align: sub; color: #FF0000;}

.wares_splist li{background: #FFFFFF; margin-bottom: 5px; padding: 0 3%;}
.wares_spnam{color: #000000; padding: 3% 0 0; font-size: 15px;}
.wares_sppribox{padding: 2% 0 3%; font-size: 13px;}
.wares_sppribox .left{float: left; width: 30%;}
.wares_sppribox .right{float: left; width: 70%; text-align: right;}
.wares_sppribox .right span{display: block; width: 60%; float: left;}
.wares_sppribox .right .wares_sppri{color: #FF0000; width: 40%;}

/*搜索商品*/
.spsear_box{border: 0; background: none; padding: 1% 0;}
.spsear_box span{font-size: 14px; padding: 0; line-height: 40px; width: 20%; border-top-right-radius: 5px; border-bottom-right-radius: 5px; text-align: center; background: #FF7831; color: #FFFFFF;}
.spsear_box input{padding: 7px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; font-size: 13px;}

/*赠送*/
.zleft{width: 35px; float: left; margin-top: 5%;}
.mui-checkbox.zleft input[type=checkbox]{left: 0; top: 0;}

.zright{width: 85%; float: right;}
.zright .wares_sppribox .right span{display: block; width: 50%; float: left;}

/*--------扫码消费-----*/
.saoma_con{height: 100%;}
.saoma_pri{color: #FF0000; font-size: 16px;}
.saom_yj{text-decoration: line-through; color: #999999; padding-left: 5px;}

.saoma_top{height: 38%; background: rgba(0,0,0,.5); padding-top: 5%;}
.saoma_box{width: 90%; height: 65%; margin: 0 auto; background: #FFFFFF;}
.saoma_button{text-align: right; padding-bottom: 2%;}
.saoma_button a{color: #FF0000; padding: 3% 5%; display: inline-block;}

.saoma_delete{background: #E3E3E3; text-align: right;}
.saoma_delete a{display: inline-block; padding: 3% 4%; font-size: 15px; color: #666666;}
.saoma_list{padding-bottom: 50px;}
.saoma_list li{display: block; background: #FFFFFF; padding: 3%; color: #000000; margin-bottom: 5px;}
.smlis_nambox p{font-size: 11px; line-height: normal;}
.smlis_nambox .smlis_nam{font-size: 13px; color: #000000;}
.smlis_center{color: #666666; padding: 7px 0 10px;}
.smlis_pribox span{display: inline-block; width: 28%; float: left; line-height: 35px;}
.sm_zpri{text-align: right;}
.saoma_list .mui-numbox{float: left;}

.saoma_srbox .search_box span{font-size: 13px; width: 25%; text-align: right; padding: 0; line-height: 40px;}
.saoma_srbox .search_box input{width: 75%;}
.saoma_srbox .search_box{margin-bottom: 0;}

.saom_search{padding: 3%; border-radius: 5px;}
.saom_search span{padding-top: 0;}
.saom_search .iconfont{color: #999999;}
.saom_search .right{float: left; width: 50%; font-size: 12px; color: #999999;}

.smp_pribox span{width: 18%; font-size: 13px;}
.smp_pribox .smp_pri{width: 45%;}
.smp_pri em{text-decoration: line-through; color: #999999; padding: 0 3px;}
.smp_pribox .smp_zpri{width: 37%; text-align: right; color: #FF0000;}
.smp_bianm{font-size: 13px; padding-bottom: 7px; color: #999999;}

/*---房台消费-----*/
.tablepay_con{height: 100%; background: #FFFFFF;}

.order_nav{background: #F0F0F0; margin-bottom: 10px;}
.order_nav .mui-segmented-control,.order_nav .mui-control-item{border: 0; color: #000000;}
.order_nav .mui-control-item{display: block; float: left; width: 25%; height: 40px; line-height: 40px;}
.order_nav .mui-control-item.mui-active{/*background: #FF7831;*/ background: none; border-bottom: 2px solid #FF5A00; color: #FF5A00; /*border-radius: 20px;*/}

.table_navbox{height: 40px; line-height: 40px; overflow: hidden;}
.table_nav{background: #F0F0F0;  font-size: 14px; display: block;}
.table_nav li{display: block; float: left; padding: 0 3%;}
.table_nav a{display: block; width: 100%; text-align: center;}
.table_nav .cur{color: #FF0000; border-bottom: 2px solid #FF0000; height: 38px; font-size: 15px;}
.table_nav .cur a{color: #FF0000;}

.tablepay_list{padding: 3% 0 0 3%;}
.tablepay_list li{display: block; position: relative; background: #FFFFFF; line-height: 32px; padding: 3% 0; width: 31%; text-align: center; margin-bottom: 3%; float: left; margin-right: 2.33%; border: 1px solid #999999;}
.tablepay_list li>a{display: block; width: 100%; height: 100%;}
.tablepay_list .tablepay_nam{color: #000000; font-size: 15px;}
.jiaob{position: absolute; right: 0; top: 3px; z-index: 99; display: none;}
.jiaob .iconfont{font-size: 35px; color: #FF0000;}
.open .jiaob{display: block;}

/*已开台*/
.fangtai_tab{height: 80px; padding: 3% 0 0 3%;}
.fangtai_tab a{display: inline-block; width: 22%; padding: 3px 0; margin: 0 3% 10px 0; border: 1px solid #E1DCD9; text-align: center;}
.mui-bar-tab~.mui-content.fangtai_con{padding-bottom: 100px;}
.fangt_top{padding: 0 3%; margin-bottom: 5px; background: #FFFFFF url(../images/bac_dianco.jpg) no-repeat center bottom; background-size: 100% auto;}
.ft_pri{border-bottom: 1px solid #E1DCD9; padding: 3% 0 2%; font-size: 15px; color: #000000;}
.ft_pri em{color: #FF0000; font-size: 16px;}
.ft_time{padding: 3% 0 4%;}
.ft_time p{font-size: 12px; line-height: 15px;}

.ft_beiz{margin-top: 5%;}
/*-------计次消费-----------*/
.jici_button{position: fixed; bottom: 0; left: 0; background: #FFFFFF; width: 100%; height: 50px; border-top: 1px solid #959695;}
.jici_button a{display: block; width: 97%; height: 40px; background: #FF5A00; color: #FFFFFF; text-align: center; font-size: 16px; line-height: 40px; margin: 4px auto 0; border-radius: 5px;}

.jici_top{background: #FFFFFF; padding: 0 3%; margin-bottom: 5px;}
.jici_cardnum{padding: 3% 0; border-bottom: 1px solid #E3E3E3; font-size: 14px;}
.jici_meminfo{display: block; padding: 1% 0 2%;}
.jici_meminfo li{display: block; width: 50%; float: left; color: #999999; padding: 2% 0 0;}

.jici_list{background: #FFFFFF; padding: 3%;}
.jici_cpnam{color: #333333; padding-bottom: 2%;}
.jici_cpinfo span{display: inline-block; float: left; text-align: center; padding: 1% 0;}
.jici_cpinfo .left{width: 26%;}
.jici_cpinfo .center{width: 29%; line-height: 35px;}
.jici_cpinfo .right{width: 45%;}
.jici_cpinfo .yxq,.jici_cpinfo .kycs{color: #999999; line-height: 21px;}
.jici_cpinfo .kouc,.jici_cpinfo .yxq{text-align: left;}

.jicp_splist{padding-bottom: 5px;}
.jicp_splist li{background: white; padding: 3%; margin-bottom: 5px;}
.jicp_splist li>div{float: left; width: 50%;}
.jicp_splist .left p{color: #333333;}
.jicp_splist .right{text-align: right; font-size: 12px;}
.jicp_splist a{color: #999999;}

/*------退款-----*/
.tuikuan_box,.buttonbox{width: 94%; margin: 7% auto 0;}
.tuikuan_box input{margin-bottom: 0;}
.wdp_button{background: #FF5A00; width: 100%; border: 0; color: #FFFFFF; padding: 3% 0; font-size: 15px;}

.tuik_content{padding-bottom: 50px;}
.tuid_liat li{display: block; background: white; padding: 3% 3% 4%; margin-bottom: 5px;}
.tuid_liat p{color: #333333; font-size: 12px; padding-bottom: 3%;}
.tuid_liat .tuid_spnam{font-size: 14px;}

.tuid_numbox>div{float: left; font-size: 14px; line-height: 35px; width: 70px;}
.tuid_numbox .mui-numbox [class*=btn-numbox]{width: 30px;}
.tuid_numbox .mui-numbox{padding: 0 30px; width: 100px;}
.tuid_numbox .tuid_zpri{width: 40%; text-align: right; float: right;}

.tuicz_list,.tuicz_list2{display: block; background: #FFFFFF; border-top: 1px solid #EAE9EE; margin-bottom: 10px;}
.tuicz_list li,.tuicz_list2 li{border-bottom: 1px solid #ECECEC; color: #999999; padding: 3%; font-size: 14px;}
.tuicz_list li>span,.tuicz_list2 li>span{float: left; width: 50%;}
.tuicz_list .right,.tuicz_list2 .right{text-align: right;}

.tuicz_list2 li{padding: 0 3%; line-height: 40px; color: #333333;}
.tuicz_list2 .right input{border: 0; margin: 0; padding: 0; text-align: right;}
.tuicz_list2 .special{font-size: 16px; line-height: 45px;}
.tuicz_list2 .special input{color: #FF0000;}
.tuicz_list2 .special input::-webkit-input-placeholder{color: #FF0000;}
.tuicz_list2 .special input:-moz-placeholder{color:#FF0000;}
.tuicz_list2 .special input::-moz-placeholder{color:#FF0000;}
.tuicz_list2 .special input:-ms-input-placeholder{color:#FF0000;}

/*----------新建会员----------*/
.newmem_list{display: block; padding: 0 3%; background: #FFFFFF; margin-bottom: 5px;}
.newmem_list li{ border-bottom: 1px solid #E7E7E7; padding: 2% 0; font-size: 13px;}
.newmem_list input{margin: 0; padding: 0; text-align: right; border: 0; font-size: 13px;}
.newmem_list .left{width: 25%; float: left; line-height: 40px;}
.newmem_list .left em{color: #FF0000; font-size: 20px; vertical-align: middle; padding-left: 5px;}
.newmem_list .right{width: 75%; float: right; text-align: right; line-height: 40px; padding-right: 4%;}
.newmem_list a{width: 100%; height: 100%; display: block; position: relative; padding-right: 4%;}
.newmem_list a:after{right: 0; content: '\e583'; position: absolute; top: 50%; display: inline-block; font-family: Muiicons; font-size: 18px; line-height: 1; color: #999999; text-decoration: none; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-font-smoothing: antialiased;}
.newmem_list .mui-btn-block{padding: 0; font-size: 13px; line-height: 40px; color: #777777; margin: 0; direction: rtl; text-align: right; border: 0; height: 40px;}

.newmem_bt{padding: 2% 3%;}
.newmem_tx a{padding-top: 0%;}
.newmem_tx .left{padding-top: 0px;}
.newmem_tx .right{width: 16%; line-height: normal;}
.newmem_tx .right img{border-radius: 50%; padding-top: 3px;}

/*------登录---------*/
.login_con{background: #FFFFFF url(../images/login_b.jpg) no-repeat center bottom; background-size: 100% auto; position: relative; padding-bottom: 35%;}
.login_top{width: 31%; margin: 0 auto; padding: 15% 0 3%;}
.login_formbox,.link_area,.login_con .mui-content-padded{width: 81%; margin: 0 auto;}
.login_formbox{padding-bottom: 5%;}
.login_formbox .mui-input-row{padding: 7% 0 2%;}
.login_formbox .iconfont{font-size: 2.3rem; color: #989898;}
.login_formbox label{padding: 0; width: 15%; padding-top: 1%;}
.login_formbox label~input{float: left; width: 80%; border-bottom: 1px solid #EDEDED; height: 35px; line-height: 35px;}

.link_area{padding: 1% 0 7%; font-size: 14px; }
.link_area a{color: #333333;}
.flogin{float: right;}

.login_con .mui-btn-block{padding: 2% 0; font-size: 15px;}
.login_con .login_btn{background: #FF7831; border-color: #FF7831; color: #FFFFFF; border-radius: 5px;}
.login_con .reg_btn{background: #EDEDED; border-color: #EDEDED;}

/*------申请店铺----*/
.wdp_bar_nav{background: #FF7831;}
.wdp_bar_nav a,.wdp_bar_nav h1{color: #FFFFFF;}
.shenq_top{background: #FFFFFF; padding-bottom: 5%; margin-bottom: 10px;}
.shenq_bt{padding: 4% 3%; color: #000000; border-bottom: 2px solid #E6E6E6; margin-bottom: 5px; font-weight: bold; text-align: center;}
.shenq_bt span{color: #999999; font-size: 20px; padding-right: 5px;}
.shenq_top .mui-input-group .mui-input-row{padding: 1% 3%; height: auto; font-size: 13px;}
.shenq_top .mui-input-group:before,.shenq_top .mui-input-group:after{height: 0;}
.shenq_top .mui-input-group .mui-input-row:after{left: 0; height: 0; background: #E3E3E3;}
.shenq_top .mui-input-row label{height: 40px; line-height: 40px; width: 25%; padding: 0;}
.shenq_top .mui-input-row label~input{padding: 0; width: 75%; text-align: left; border-bottom: 1px solid #E6E6E6;}
.shenq_top .mui-input-row .mui-btn{width: 75%; /*direction: rtl;*/ padding: 0; border-bottom: 1px solid #E6E6E6!important; font-size: 13px; color: #666666;}

.shenq_bottom{background: #FFFFFF;}
.shenq_update{padding: 6% 3% 5%;}
.shenq_update li{display: block; width: 50%; float: left; text-align: center; color: #666666;}
.shenq_upimg{width: 85%; height: 135px; overflow: hidden;  margin: 0 auto;}
.shenq_upimg img{border: 1px solid #E3DFE5;}
.shenq_update .iconfont{font-size: 120px; line-height: normal; display: block; color: #999999;}

.gerzl_btn{background: #FF7831; width: 80%; height: 40px; line-height: 40px; text-align: center; margin: 20px auto; border-radius: 5px;}
.gerzl_btn a{color: #FFFFFF; width: 100%; height: 100%; font-size: 15px;}

/*-----积分兑换-----*/
.jifendh_list,.jifendh_list2{width: 96%; margin: 3% auto 0; background: #FFFFFF; border: 1px solid #E5E5E5; padding: 0 3%;}
.jifendh_list li,.jifendh_list2 li{display: block; border-bottom: 1px solid #E7E7E7; padding: 4% 0;}
.jifendh_list li>div,.jifendh_list2 li>div{width: 50%; float: left; color: #666666; font-size: 13px;}
.jifendh_list .right{text-align: right;}
.special .right{color: #000000;}
.jifendh_list2{width: 100%; margin: 0 auto; border: 0; padding: 2% 6% 0;}
.jifendh_list2 li{padding: 1% 0;}
.jifendh_list2 .left{width: 35%; font-size: 12px;}
.jifendh_list2 .right{width: 65%; text-align: right; font-size: 12px;}

.succ_top{text-align: center; background: #FFFFFF; padding: 5% 0; margin-bottom: 0px;} 
.succ_top p{color: #FF5A00; font-size: 21px; line-height: normal; font-weight: bold;}
.succ_top .iconfont{font-size: 99px; line-height: 95px; font-weight: normal;}

.jfdcz_list li .left{color: #333333;}
.duih_numbox{padding-top: 6%;}
.duih_numbox input{margin: 0; border-color: #ECECEC; border-left: 0; border-right: 0; border-radius: 0; text-align: center; font-size: 14px;}
.duih_numbox .wz{font-size: 12px; text-align: right;}
.duih_bz{padding-top: 5%;}
.duih_bz input{border-left: 0; border-color: #ECECEC; border-right: 0; border-radius: 0; font-size: 14px;}

/*-------库存盘点----*/
.kucun_list li{display: block; padding-top: 4%;}
.kucun_list .time,.kucun_liscon p{font-size: 12px; padding-bottom: 1%;}
.kucun_liscon{background: #FFFFFF; padding: 2% 3%;}
.kucun_liscon div{width: 50%; float: left;} 
.kucun_liscon .right{text-align: right;}
.kucun_liscon .kucun_num,.kucun_pdlist .kucun_spnam{font-size: 14px; color: #000000;}
.kucun_suc .iconfont{font-size: 15px; padding-right: 3px;}
.kucun_suc,.yin em{color: #47A400; padding-left: 3px;}
.kucun_liscon .right em{display: inline-block; width: 50%;}
.kui em{color: #FF0000; padding-left: 3px;}
.kucun_wait{color: #FF9900;}
.kucun_wait .iconfont{font-size: 14px; padding-right: 3px;}

.kucun_beiz,.kucun_addbox,.pandiand_bottom{background: #FFFFFF; padding: 0 3%; color: #999999; margin-top: 3%; border-bottom: 1px solid #E3DFE5; border-top: 1px solid #E3DFE5;}
.kucun_beiz input{width: 80%; margin: 0; padding: 0; border: 0;}
.kucun_numbox{height: 40px; line-height: 40px; overflow: hidden; padding: 0 3%;}
.kucun_addnum>div{float: left; width: 50%;}
.kucun_addnum .right a{text-align: right; width: 100%; display: block; color: #2177C7;}

.kucun_addbox{margin-top: 0; padding: 0; border-bottom: 0;}
.kucun_addbt{padding: 0 22% 0 10%; border-bottom: 1px solid #E3DFE5;}
.kucun_addbox a{display: block; padding: 5% 0 4%; width: 50%; float: left; text-align: right;}
.kucun_addbox a .iconfont{font-size: 20px; color: #666666;}
.kucun_addbox .add{color: #FF0000; text-align: left;}
.kucun_addbox .add .iconfont{font-size: 14px; padding-right: 3px; font-weight: bold; color: #FF0000;}
.wares_nam em{background: #FF5A00; color: #FFFFFF; padding: 0 3px; margin-left: 3px;}

.kucun_pdlist li{display: block; border-bottom: 1px solid #E3DFE5; padding: 3% 3% 2%;}
.kucun_pdlist p{font-size: 12px;}
.kucun_pdlist p span{display: block; width: 50%; float: left; padding-top: 3px; padding-left: 5px;}
.kucun_pdlist p em{color: #000000; padding-left: 3px;}

.pandian_bottom{height: 50px; background: #FFFFFF; border-top: 1px solid #E3DFE5; position: fixed; width: 100%; bottom: 0; left: 0; z-index: 999; padding-left: 3%;}
.pandian_bottom a{display: block; width: 30%; float: left; height: 39px; line-height: 39px; text-align: center; background: #E8E8E9; font-size: 16px; border: 1px solid #E1DCD9; margin: 5px 3% 0 0;}
.pandian_bottom .special{background: #FF0000; color: #FFFFFF; border-color: #FF0000;}

.yipd_bottom{background: #CFECB2; border-top: 1px solid #B9EE83; text-align: center; line-height: 50px; font-size: 14px; color: #47A400;}

.pandian_tlist{background: #FFFFFF; margin-bottom: 5px;}
.pandian_tlist li{border-bottom: 1px solid #E7E7E7; padding: 3%;}
.pandian_tlist .left{width: 25%; float: left; color: #999999;}
.pandian_tlist .right{width: 75%; float: left;}
.kucun_pdlist .yin em{color: #47A400;}
.kucun_pdlist .kui em{color: #FF0000;}
.pandiand_bottom{margin-bottom: 50px;}
.pandiand_bottom span{display: block; width: 50%; float: left; padding: 3% 5px;}

/*---剩余项目---*/
.shengyxm_list{background: #FFFFFF; padding: 0 3%;}
.shengyxm_list li{border-bottom: 1px solid #E3DFE5; padding: 3% 0 2%;}
.shengyxm_list p{font-size: 12px; padding-bottom: 1%;}
.shengyxm_list .shengy_nam{font-size: 14px; color: #000000;}
.shengyxm_list p em{padding-left: 3px;}

/*消费记录*/
.record_list{background: #FFFFFF;}
.record_list .mui-navigate-right:after{font-size: 16px;}
.record_time{color: #000000; padding-bottom: 2%;}
.record_nrlist p{font-size: 12px;}

/*服务记录*/
.logistics_list{background: #FFFFFF; padding: 0 3%; margin-bottom: 10px; border-bottom: 1px solid #E3DFE5;}
.logistics_list li{background: url(../images/bac_wul.jpg) no-repeat left top; background-size: 100% auto; padding-left: 12%;}
.logistics_list .logis_con{border-top: 1px solid #F1F1F1; padding: 2.6% 0 3%; }
.logis_con p{color: #333333;}
.logis_con .logis_time{font-size: 12px; padding-top: 2px; color: #999999;}
.logis_btn{padding-bottom: 7px;}
.logis_btn span{width: auto; font-size: 12px; color: #FFFFFF; padding: 3px 8px; border-radius: 5px;}
.fuw_mem span{background: #06B897;}
.fuw_cz span{background: #0098EE;}
.fuw_cc span{background: #FF51C0;}
.fuw_xf span{background: #47A400;}
.fuw_tk span{background: #FF0000;}

/*交班*/
.jiaob_top{background: #3C3336; color: #FFFFFF; text-align: center; margin-bottom: 5px;}
.jiaob_tt{font-size: 15px; padding: 6% 0 3%;}
.jiaob_tt a{color: #FFFFFF;}
.jiaob_tpribox{font-size: 18px; padding: 3% 0 6%;}
.jiaob_tpribox em{padding: 0 2px;}
.fuh{font-size: 16px; color: #FF5A00;}
.jiaob_tpri{font-size: 30px; color: #FF5A00;}
.jiaob_time{background-color: rgba(0,0,0,0.3); padding: 3% 0;}
.jiaob_center{background: #FFFFFF; padding: 3%; margin-bottom: 5px; border-bottom: 1px solid #DBDAE0; border-top: 1px solid #DBDAE0;}
.jiaob_bt{border-bottom: 1px solid #DBDAE0; padding-bottom: 3%; font-size: 15px;}
.jiaob_list{padding-top: 1%;}
.jiaob_list li{padding: 1% 0;}
.jiaob_list .left{width: 30%; float: left; color: #999999;}
.jiaob_list .right{width: 70%; float: left; text-align: right;}

/*修改密码*/
.xiug_top{width: 94%; margin: 5% auto;}
.xiug_top input{margin-bottom: 0; border-radius: 0; border-color: #E8E8E8;}
.xiug_top .xiug_mm input{border-top: 0;}
.xiug_top input>span{color: #000;}

/*无数据样式*/
.no_style{text-align: center; padding-top: 10%;}
.no_style .iconfont{font-size: 11rem; line-height: 11rem; color: #D1D1D4;}
.no_style .nr,.no_style strong{font-size: 1.8rem; line-height: 1.8rem; padding-top: 3%;}
.no_style .wz{font-size: 1.5rem; line-height: 1.6rem; padding-top: 3%;}

/*自助付款*/
.selfp_lrb{display: block; border-top: 1px dashed #E0E0E0; margin-top: 2%; padding-top: 2%;}
.selfp_lrb li{display: block; float: left; width: 50%; line-height: 16px; color: #999999;}

/*预约审核*/
.yuyue_tlist{padding: 0;}
.yuyue_tlist li{width: 50%; border: 0; position: relative; height: 40px; line-height: 40px; font-size: 14px;}
.yuyue_tlist li:after{position: absolute; right: 0; top: 0; width: 1px; height: 100%; content: ''; background-color: #c8c7cc; -webkit-transform: scaleY(.5); transform: scaleY(.5);}
.yuyue_tlist li:last-child:after{width: 0;}
.yy_tlis_bt .name{position: relative; color: #666666;}
.yy_tlis_bt .name:after,.name_con .active:after{position: absolute; right: 21%; top: 50%; display: inline-block; font-family:"iconfont"; content: "\e619"; font-size: inherit; line-height: 1; color: #888888; text-decoration: none; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-font-smoothing: antialiased;}
.yy_tlis_bt.active .name{color: #FF0000; border: 0;}
.yy_tlis_bt.active .name:after{content: "\e611"; color: #FF0000; font-size: 12px;}

#dd .name_con{position: absolute; padding-bottom: 2%; width: 200%; top: 100%; z-index: 999; left: 0; right: 0; background: white; border-radius: inherit; border-bottom: 1px solid #E0E0E0; -webkit-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -ms-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in; transition: all 0.5s ease-in; opacity: 0; pointer-events: none;}
.name_con p{text-align: left; padding: 0 3%; line-height: 35px; position: relative;}
.name_con .active{background: #EEE8D8;}
.name_con .active a{color: #FF0000;}
.name_con .active:after{right: 15px; content: "\e610"; font-size: 18px; color: #FF0000;}
#dd.active .name_con,#aa.active .name_con{opacity: 1; pointer-events: auto;}
#aa .name_con{position: absolute; padding-bottom: 2%; width: 200%; top: 100%; z-index: 999; right: 0; background: white; border-radius: inherit; border-bottom: 1px solid #E0E0E0; -webkit-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -ms-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in; transition: all 0.5s ease-in; opacity: 0; pointer-events: none;}

.yuyue_list>li{background: #FFFFFF; /*border-bottom: 1px solid #E3E2E5;*/ padding: 3%; margin-bottom: 5px;}
.yuyue_list>li>a{display: block; width: 100%; height: 100%; position: relative;}
/*.yuyue_list .left{width: 50px; height: 50px; font-size: 13px; float: left; text-align: center; color: #FFFFFF; line-height: 50px; border-radius: 50%; }*/
.yuyue_list .left{width: auto!important; position: absolute; right: 0; top: 0; color: #FFFFFF; padding: 3px 7px; border-radius: 5px;}
.wait .left{background: #EE982A;}
.success .left{background: #47A400;}
.bohui .left{background: #C0C0C4;}
.sjquxiao .left{background: #169CDD;}
.yhquxiao .left{background: #F3594A;}
.fuwuks .left{background: #47A400;}
.fuwuwc .left{background: #0CC3BB;}
.yiguoq .left{background: #BCBCBC;}

.yuyue_list .right{/*width: 78%; float: right;*/width: 100%;}
.yuyue_list p{color: #333333; line-height: 22px;}
.yuyue_name em{font-weight: bold;}
.yuyue_list .yuyue_xdtime{color: #666666; font-size: 12px;}
.yuyue_info{border-top: 1px dashed #C0C0C0; margin-top: 2%; padding-top: 2%;}
.yuyue_info li{float: left; width: 50%; color: #666666;}
.yuyue_info .special{width: 100%;}

/*线上订单*/
.xsorder_nav{background: #FFFFFF; margin-bottom: 5px; padding: 2% 0 1%;}
.xsorder_nav .mui-segmented-control,.xsorder_nav .mui-control-item{border: 0; color: #000000;}
.xsorder_nav .mui-control-item{display: block; float: left; width: 20%; margin: 0 6% 1%; height: 30px; line-height: 28px;}
.xsorder_nav .mui-control-item.mui-active{background: #FF7831; color: #FFFFFF; border-radius: 20px;}

.xsorder_item{background: #FFFFFF; margin-bottom: 5px;}
.xsorder_num{padding: 3%; color: #333333; font-size: 14px;}

.xsorder_item_list li{display: block; padding: 4% 3% 2%; background: #F1F1F2; border-bottom: 2px solid #FFFFFF;}
.xsorder_item_list li:last-child{border: 0;}
.xsorder_item_spimg{float: left; width: 23%;}
.xsorder_item_spimg img{border: 1px solid #B7B7BB; border-radius: 5px;}
.xsorder_item_spinfo{width: 75%; float: left; margin-left: 2%;}
.xsorder_itspnam{line-height: 18px; height: 36px; overflow: hidden; width: 70%; float: left;}
.xsorder_itsppri{width: 30%; float: left; text-align: right;}
.xsorder_itsppri p{font-size: 12px; color: #333333; line-height: 18px;}
.xsorder_itsppri .yj{text-decoration: line-through; color: #999999;}
.xsorder_isp_b{color: #999999; padding-top: 5%;}
.xsorder_item_zj{font-size: 13px; text-align: right; padding: 2% 0;}
.xsorder_item_zj span{padding-right: 3%;}
.xsorder_item_zj span em{color: #FF0000;}
.xsorder_item_zj .jiag{padding-right: 2px;}
.xsorder_item_zj .yunf{font-size: 12px; color: #999999;}
.xsorder_item_btnbox{padding: 2% 3%; text-align: right;}
.xsorder_item_btnbox a{display: inline-block; line-height: 30px; font-size: 14px; border: 1px solid #E3DFE5; color: #666666; border-radius: 15px; padding: 0 5%; margin-left: 3%;}
.xsorder_item_btnbox .xsorder_fkbtn{border-color: #FF7831; color: #FF7831;}
.pay_spnum{float: right;}
.xsorder_item_box{padding-bottom: 50px;}
.xsord_style{float: left; line-height: 30px; font-size: 14px; font-weight: bold;}

/*订单详情*/
.order_address{background: #FFFFFF url(../images/bac_addr.jpg) repeat-x left bottom; overflow: hidden; margin-bottom: 5px;}
.order_address a{display: block; position: relative; overflow: hidden; text-overflow: ellipsis; padding: 4% 5% 5% 3%;}
.pay_addr_call{float: right; padding-right: 3%; width: 42%; text-align: right;}
.pay_addr_name{float: left; width: 55%;}
.pay_addrinfo{padding-top: 1%;}

.pay_ordinfo{background: #FFFFFF; margin-bottom: 5px;}
.order_zfinfo{padding: 2% 3%;}
.order_zfinfo p{font-size: 12px;}
.order_zfright{float: right;}
.order_zfinfo .order_sfpri,.order_zfinfo .order_zjg{font-size: 14px; color: #333333;}
.order_sfpri .order_zfright{color: #FF0000;}
.order_zjg{border-bottom: 1px solid #E3DFE5; padding: 1% 0 2%; margin-bottom: 2%;}
.order_xqbottom{background: #FFFFFF; padding: 3%; margin-bottom: 50px;}
.order_xqbottom p{font-size: 12px;}

.order_tab{padding-left: 2%; text-align: center; font-size: 16px;}
.order_tab a{width: 47%; height: 40px; line-height: 40px; border-radius: 5px; color: #FFFFFF; background: #FF5A00; display: block; float: right; margin-top: 5px; margin-right: 3%;}
 





















































